<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消息框的使用</title>
		<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
		<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js" ></script>
		<script type="text/javascript" src="../js/easyui/locale/easyui-lang-zh_CN.js" ></script>
		<link rel="stylesheet" href="../js/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="../js/easyui/themes/icon.css" />
		<script type="text/javascript">
			$(function(){
				// 警告窗口          第一个引号代表        警告框的标题 ，其次是内容
//				 $.messager.alert("标题","内容","warning");
				
				// 确认窗口
				
				/*$.messager.confirm("删除功能","确定删除吗？",function(result){
					if(result){
						alert("删除成功...");
					}else{
						alert("取消删除...");
					}
				});*/
				
				
				// 输入窗口
				
				/*$.messager.prompt("调查窗口","你叫什么名字？",function(val){
					alert("你好," + val);
				});*/
				
				
				// 右下角窗口        在右下角出现
				
				$.messager.show({
					title: "标题",
					msg : "减价大促销 ， <a href='#'>请猛戳这里</a>",
					timeout: 5000 // 5秒后自动消失
				});
				//C<div>菜单yi</div>
				
				// 进度条 
				$.messager.progress({
					interval: 500 // 每1秒 增长10% 
				});
				
				// 定时器，5秒后自动关闭进度条 
				window.setTimeout("$.messager.progress('close');",5000);
			});
		</script>
	</head>
	<body>
		
	</body>
</html>
